<!-- 3 -->
<script lang='ts' setup>
//@ts-nocheck
// 关闭ts检查
// @ts-nocheck
import { ref, computed, nextTick, onMounted } from 'vue'
import { NInput } from 'naive-ui'
import { useGlobalStore } from "../../../store/GlobalStore";
import { useRoute, useRouter } from 'vue-router'
import { getDetailEx, changeState } from '@/api/request'
const route = useRoute()
// 试卷头的基本信息
// 使用onMounted生命周期函数
const jwtToken = localStorage.getItem('jwtToken')

onMounted(() => {
	// name.value = localStorage.getItem('name')
	// sno.value = localStorage.getItem('snoId')
	// sClass.value = localStorage.getItem('className')
	// expName.value = localStorage.getItem('expName')
	// 获取保存的信息
	getDetailEx(jwtToken, eid, rid).then((res) => {
		console.log(res.data.data[0], 'socket数据')
		model.value.forEach((element) => {
			var obj = element
			var kid = obj.kid
			if (res.data.data[0].hasOwnProperty(kid)) {
				obj.value = res.data.data[0][kid]
				obj.timeStamp = res.data.data[0]['t' + kid]
			}
		})
		console.log('处理后', model.value)
	})
})
const store=useGlobalStore()
const cid = route.query.cid
const sid = route.query.sid
const rid = route.query.rid
const eid = route.query.eid
const name = route.query.name
const classnum=route.query.classNum
const college=route.query.college
const grade=route.query.grade
const major=route.query.major
// 处理数据
// model.value = model.value.map((item) => ({
// 		role:"student",
// 		sourceId: sid,
// 		rid: rid.value,
// 		destId: tid.value,
// 		eid:"3",
// 		kid: item.kid,
// 		// 返回这个对象中第一个属性的value值
// 		value: item.value,
// 		timeStamp: item.timeStamp,
// 	}))
const tid=store.userInfo.tid
const ws = new WebSocket(`ws://210.44.37.172:8082/message?id=${tid}&role=teacher`)
ws.onopen = function (e) {
	console.log('连接成功')
	// ws.send(
	// 	// '{"rid":"2002","tid":"3000","kid":"3000","value":"3.33","timeStamp":"3.2.3"}'
	// 	'{"role":"student","sourceId":"sid","eid":"","rid":"2002","destId":"tid","kid":"3000","value":"3.33","timeStamp":"3.2.3"}'
	// )
}
ws.onmessage = function (e) {
	console.log(e.data, '接收返回的消息')
	console.log(JSON.parse(e.data), '解析一下的数据')
	if (JSON.parse(e.data).rid == rid) {
		model.value.forEach((element) => {
			if (element.kid == JSON.parse(e.data).kid) {
				element.value = JSON.parse(e.data).value
				element.timeStamp = JSON.parse(e.data).timeStamp
			}
		})
	}
}
ws.onclose = function () {
	console.log('连接关闭')
}
ws.onerror = function () {
	console.log('连接出错')
}
const checked = ref(new Array(47).fill(true))
// 复选框状态发生改变
const getState = function () {
	console.log(checked.value)
}
// 实验通过
const exOk = () => {
	changeState(jwtToken, rid, 3).then((res) => {
		console.log(res)
		console.log("rid",rid);
		
		ElMessage.success('已通过')
	})
}
const exFix = () => {
	changeState(jwtToken, rid, 1).then((res) => {
		console.log(res)
		ElMessage.success('反馈成功')
	})
}
const model = ref([
    { kid: 'k1', value: '', timeStamp: '' },
    { kid: 'k2', value: '', timeStamp: '' },
    { kid: 'k3', value: '', timeStamp: '' },
    { kid: 'k4', value: '', timeStamp: '' },
    { kid: 'k5', value: '', timeStamp: '' },
    { kid: 'k6', value: '', timeStamp: '' },
    { kid: 'k7', value: '', timeStamp: '' },
    { kid: 'k8', value: '', timeStamp: '' },
    { kid: 'k9', value: '', timeStamp: '' },
    { kid: 'k10', value: '', timeStamp: '' },
    { kid: 'k11', value: '', timeStamp: '' },
    { kid: 'k12', value: '', timeStamp: '' },
    { kid: 'k13', value: '', timeStamp: '' },
    { kid: 'k14_1', value: '', timeStamp: '' },
    { kid: 'k14_2', value: '', timeStamp: '' },
    { kid: 'k14_3', value: '', timeStamp: '' },
    { kid: 'k14_4', value: '', timeStamp: '' },
    { kid: 'k14_5', value: '', timeStamp: '' },
    { kid: 'k14_6', value: '', timeStamp: '' },
    { kid: 'k14_7', value: '', timeStamp: '' },
    { kid: 'k15_1', value: '', timeStamp: '' },
    { kid: 'k15_2', value: '', timeStamp: '' },
    { kid: 'k15_3', value: '', timeStamp: '' },
    { kid: 'k15_4', value: '', timeStamp: '' },
    { kid: 'k15_5', value: '', timeStamp: '' },
    { kid: 'k15_6', value: '', timeStamp: '' },
    { kid: 'k16_1', value: '', timeStamp: '' },
    { kid: 'k16_2', value: '', timeStamp: '' },
    { kid: 'k16_3', value: '', timeStamp: '' },
    { kid: 'k16_4', value: '', timeStamp: '' },
    { kid: 'k16_5', value: '', timeStamp: '' },
    { kid: 'k16_6', value: '', timeStamp: '' },
    { kid: 'k17_1', value: '', timeStamp: '' },
    { kid: 'k17_2', value: '', timeStamp: '' },
    { kid: 'k17_3', value: '', timeStamp: '' },
    { kid: 'k17_4', value: '', timeStamp: '' },
    { kid: 'k17_5', value: '', timeStamp: '' },
    { kid: 'k17_6', value: '', timeStamp: '' },
    { kid: 'k17_7', value: '', timeStamp: '' },
    { kid: 'k18_1', value: '', timeStamp: '' },
    { kid: 'k18_2', value: '', timeStamp: '' },
    { kid: 'k18_3', value: '', timeStamp: '' },
    { kid: 'k18_4', value: '', timeStamp: '' },
    { kid: 'k18_5', value: '', timeStamp: '' },
    { kid: 'k18_6', value: '', timeStamp: '' },
    { kid: 'k19_1', value: '', timeStamp: '' },
    { kid: 'k19_2', value: '', timeStamp: '' },
    { kid: 'k19_3', value: '', timeStamp: '' },
    { kid: 'k19_4', value: '', timeStamp: '' },
    { kid: 'k19_5', value: '', timeStamp: '' },
    { kid: 'k19_6', value: '', timeStamp: '' },
    { kid: 'k20', value: '', timeStamp: '' },
    { kid: 'k21', value: '', timeStamp: '' },
    { kid: 'k22', value: '', timeStamp: '' },
    { kid: 'k23_1', value: '', timeStamp: '' },
    { kid: 'k23_2', value: '', timeStamp: '' },
    { kid: 'k23_3', value: '', timeStamp: '' },
    { kid: 'k23_4', value: '', timeStamp: '' },
    { kid: 'k23_5', value: '', timeStamp: '' },
    { kid: 'k23_6', value: '', timeStamp: '' },
    { kid: 'k23_7', value: '', timeStamp: '' },
    { kid: 'k24_1', value: '', timeStamp: '' },
    { kid: 'k24_2', value: '', timeStamp: '' },
    { kid: 'k24_3', value: '', timeStamp: '' },
    { kid: 'k24_4', value: '', timeStamp: '' },
    { kid: 'k24_5', value: '', timeStamp: '' },
    { kid: 'k24_6', value: '', timeStamp: '' },
    { kid: 'k25_1', value: '', timeStamp: '' },
    { kid: 'k25_2', value: '', timeStamp: '' },
    { kid: 'k25_3', value: '', timeStamp: '' },
    { kid: 'k25_4', value: '', timeStamp: '' },
    { kid: 'k25_5', value: '', timeStamp: '' },
    { kid: 'k25_6', value: '', timeStamp: '' },
    { kid: 'k26', value: '', timeStamp: '' },
    { kid: 'k27', value: '', timeStamp: '' },
    
])

</script>
<template>
    <div class="paper-wrap">
        <n-card>
            <!-- 学生信息 -->
            <div class="paper-title">
                <h2>钢体转动惯量的测定</h2>
                <div class="stu-info">
					<div class="stu-info-item">
						<span>学号：</span>
						<span>{{ sid }}</span>
					</div>
					<div class="stu-info-item">
						<span>姓名：</span>
						<span>{{ name }}</span>
					</div>
					<div class="stu-info-item">
						<span>班级：</span>
						<span>{{ college }}学院 {{ major }}专业 {{ grade }}级 {{ classnum }} 班</span>
					</div>
				</div>
            </div>
            <!-- 实验的基本信息 -->
            <n-divider title-placement="left">
                <h2>一、实验目的</h2>
            </n-divider>
            <div class="paper-purpose">
                <ol>
                    <li>
                        <span style="font-size: 16px">{{ model[0].value }}</span>&emsp;<span style="font-size: 12px">{{ model[0].timeStamp }}</span>
                    </li>
                    <li> <span style="font-size: 16px">{{ model[1].value }}</span>&emsp;<span style="font-size: 12px">{{ model[1].timeStamp }}</span></li>
                </ol>
            </div>
            <n-divider title-placement="left">
                <h2>二、实验仪器</h2>
            </n-divider>
            <div class="paper-instrument">
                <span style="font-size: 16px">{{ model[2].value }}</span>&emsp;<span style="font-size: 12px">{{ model[2].timeStamp }}</span>
            </div>
            <n-divider title-placement="left">
                <h2>三、实验原理</h2>
            </n-divider>
            <div class="paper-principle">
                <p class="principles"> 写出实验基本原理级公式，并画出原理图 </p>
            </div>

            <n-divider title-placement="left">
                <h2>四、数据记录与处理</h2>
            </n-divider>
            <h3>（一）基本量测量</h3>
            <div class="paper-data">
                <!-- 第一个表单 -->
                <ul id="firstul">
                    <li>
                        钢圆环的质量M<sub>钢环</sub>=<span id="f2"><span style="font-size: 16px">{{ model[3].value }}</span>&emsp;<span style="font-size: 12px">{{ model[3].timeStamp }}</span></span>kg;
                        钢圆盘的质量M<sub>钢盘</sub>=<span id="f2"><span style="font-size: 16px">{{ model[4].value }}</span>&emsp;<span style="font-size: 12px">{{ model[4].timeStamp }}</span></span>kg;
                    </li>
                    <li>
                        钢圆环内半径R<sub>内</sub>=D<sub>内</sub>/2=<span id="f2"><span style="font-size: 16px">{{ model[5].value }}</span>&emsp;<span style="font-size: 12px">{{ model[5].timeStamp }}</span></span>m,
                        外半径R<sub>外</sub>=D<sub>外</sub>/2=<span id="f2"><span style="font-size: 16px">{{ model[6].value }}</span>&emsp;<span style="font-size: 12px">{{ model[6].timeStamp }}</span></span>m;
                    </li>
                    <li>
                        绕线转轴直径D<sub>轴</sub>=<span id="f2"><span style="font-size: 16px">{{ model[7].value }}</span>&emsp;<span style="font-size: 12px">{{ model[7].timeStamp }}</span></span>m;
                        半径r=D<sub>轴</sub>/2=<span id="f2"><span style="font-size: 16px">{{ model[8].value }}</span>&emsp;<span style="font-size: 12px">{{ model[8].timeStamp }}</span></span>m;
                    </li>
                    <li>
                        销子内侧间距d<sub>1</sub>=<span id="f2"><span style="font-size: 16px">{{ model[9].value }}</span>&emsp;<span style="font-size: 12px">{{ model[9].timeStamp }}</span></span>m,
                        外侧间距d<sub>2</sub>=<span id="f2"><span style="font-size: 16px">{{ model[10].value }}</span>&emsp;<span style="font-size: 12px">{{ model[10].timeStamp }}</span></span>m,
                        平移距离d=(d<sub>1</sub>+d<sub>2</sub>)/2=<span id="f2"><span style="font-size: 16px">{{ model[11].value }}</span>&emsp;<span style="font-size: 12px">{{ model[11].timeStamp }}</span></span>m;
                    </li>
                    <li>砝码下落距离h=<span id="f2"><span style="font-size: 16px">{{ model[12].value }}</span>&emsp;<span style="font-size: 12px">{{ model[12].timeStamp }}</span></span>m.</li>
                </ul>
                <h3>（二）测定铝环和支架系统的转动惯量</h3>
                <table border="1" cellpadding="2" style="
						width: 100%;
						border-collapse: collapse;
						border: 2px solid #000;
					" class="ntable">
                    <thead>
                        <tr>
                            <th colspan="2">砝码</th>
                            <th colspan="4">t/s</th>
                            <th colspan="2">J<sub>0</sub>/(kgm<sup>2</sup>)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="w-50 m-2">数量/个</td>
                            <td class="w-50 m-2">m/kg</td>
                            <td class="w-50 m-2">t<sub>01</sub></td>
                            <td class="w-50 m-2">t<sub>02</sub></td>
                            <td class="w-50 m-2">t<sub>03</sub></td>
                            <td class="w-50 m-2">平均t<sub>0</sub></td>
                            <td class="w-50 m-2">J<sub>01</sub></td>
                            <td class="w-50 m-2">平均J<sub>0</sub></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">1</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[13].value }}</span>&emsp;<span style="font-size: 12px">{{ model[13].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[14].value }}</span>&emsp;<span style="font-size: 12px">{{ model[14].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[15].value }}</span>&emsp;<span style="font-size: 12px">{{ model[15].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[16].value }}</span>&emsp;<span style="font-size: 12px">{{ model[16].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[17].value }}</span>&emsp;<span style="font-size: 12px">{{ model[17].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[18].value }}</span>&emsp;<span style="font-size: 12px">{{ model[18].timeStamp }}</span></td>
                            <td class="w-50 m-2" rowspan="3"><span style="font-size: 16px">{{ model[19].value }}</span>&emsp;<span style="font-size: 12px">{{ model[19].timeStamp }}</span></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">2</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[20].value }}</span>&emsp;<span style="font-size: 12px">{{ model[20].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[21].value }}</span>&emsp;<span style="font-size: 12px">{{ model[21].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[22].value }}</span>&emsp;<span style="font-size: 12px">{{ model[22].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[23].value }}</span>&emsp;<span style="font-size: 12px">{{ model[23].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[24].value }}</span>&emsp;<span style="font-size: 12px">{{ model[24].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[25].value }}</span>&emsp;<span style="font-size: 12px">{{ model[25].timeStamp }}</span></td>                         
                        </tr>
                        <tr>
                            <td class="w-50 m-2">3</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[26].value }}</span>&emsp;<span style="font-size: 12px">{{ model[26].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[27].value }}</span>&emsp;<span style="font-size: 12px">{{ model[27].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[28].value }}</span>&emsp;<span style="font-size: 12px">{{ model[28].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[29].value }}</span>&emsp;<span style="font-size: 12px">{{ model[29].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[30].value }}</span>&emsp;<span style="font-size: 12px">{{ model[30].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[31].value }}</span>&emsp;<span style="font-size: 12px">{{ model[31].timeStamp }}</span></td>                   
                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- 第二个表单 -->
            <h3>(三)测定钢圆环的转动惯量</h3>
            <table border="1" cellpadding="2" style="
						width: 100%;
						border-collapse: collapse;
						border: 2px solid #000;
					" class="ntable">
                    <thead>
                        <tr>
                            <th colspan="2">砝码</th>
                            <th colspan="4">t/s</th>
                            <th colspan="2">J<sub>0</sub>/(kgm<sup>2</sup>)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="w-50 m-2">数量/个</td>
                            <td class="w-50 m-2">m/kg</td>
                            <td class="w-50 m-2">t<sub>1</sub></td>
                            <td class="w-50 m-2">t<sub>2</sub></td>
                            <td class="w-50 m-2">t<sub>3</sub></td>
                            <td class="w-50 m-2">平均t<sub></sub></td>
                            <td class="w-50 m-2">J<sub>i</sub></td>
                            <td class="w-50 m-2">平均J<sub>1</sub></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">3</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[32].value }}</span>&emsp;<span style="font-size: 12px">{{ model[32].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[33].value }}</span>&emsp;<span style="font-size: 12px">{{ model[33].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[34].value }}</span>&emsp;<span style="font-size: 12px">{{ model[34].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[35].value }}</span>&emsp;<span style="font-size: 12px">{{ model[35].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[36].value }}</span>&emsp;<span style="font-size: 12px">{{ model[36].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[37].value }}</span>&emsp;<span style="font-size: 12px">{{ model[37].timeStamp }}</span></td>
                            <td class="w-50 m-2" rowspan="3"><span style="font-size: 16px">{{ model[38].value }}</span>&emsp;<span style="font-size: 12px">{{ model[38].timeStamp }}</span></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">4</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[39].value }}</span>&emsp;<span style="font-size: 12px">{{ model[39].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[40].value }}</span>&emsp;<span style="font-size: 12px">{{ model[40].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[41].value }}</span>&emsp;<span style="font-size: 12px">{{ model[41].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[42].value }}</span>&emsp;<span style="font-size: 12px">{{ model[42].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[43].value }}</span>&emsp;<span style="font-size: 12px">{{ model[43].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[44].value }}</span>&emsp;<span style="font-size: 12px">{{ model[44].timeStamp }}</span></td>                         
                        </tr>
                        <tr>
                            <td class="w-50 m-2">5</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[45].value }}</span>&emsp;<span style="font-size: 12px">{{ model[45].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[46].value }}</span>&emsp;<span style="font-size: 12px">{{ model[46].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[47].value }}</span>&emsp;<span style="font-size: 12px">{{ model[47].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[48].value }}</span>&emsp;<span style="font-size: 12px">{{ model[48].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[49].value }}</span>&emsp;<span style="font-size: 12px">{{ model[49].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[50].value }}</span>&emsp;<span style="font-size: 12px">{{ model[50].timeStamp }}</span></td>                   
                        </tr>
                    </tbody>
                </table>
            <div>钢圆环的转动惯量 J<sub>钢环实验</sub>=J<sub>1</sub>-J<sub>0</sub>=
                <span id="f2"><span style="font-size: 16px">{{ model[51].value }}</span>&emsp;<span style="font-size: 12px">{{ model[51].timeStamp }}</span></span>
                k•gm<sup>2</sup>
            </div>
            <div style="margin-top: 10px;">J<sub>钢环理论</sub>=M<sub>钢环</sub>(R<sub>内</sub><sup>2</sup>+R<sub>外</sub><sup>2</sup>)•(1/2) =
                <span id="f2"><span style="font-size: 16px">{{ model[52].value }}</span>&emsp;<span style="font-size: 12px">{{ model[52].timeStamp }}</span></span>
                k•gm<sup>2</sup></div>
            <div style="margin-top: 10px;">相对误差E<sub>1</sub>=
                |J<sub>钢环实验</sub>-J<sub>钢环理论</sub>| / J<sub>钢环理论</sub>=<span id="f2"><span style="font-size: 16px">{{ model[53].value }}</span>&emsp;<span style="font-size: 12px">{{ model[53].timeStamp }}</span></span>%</div>
            <h3>(四)验证转动惯量平行轴定理</h3>
                <table border="1" cellpadding="2" style="
						width: 100%;
						border-collapse: collapse;
						border: 2px solid #000;
					" class="ntable">
                    <thead>
                        <tr>
                            <th colspan="2">砝码</th>
                            <th colspan="4">t/s</th>
                            <th colspan="2">J<sub>0</sub>/(kgm<sup>2</sup>)</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="w-50 m-2">数量/个</td>
                            <td class="w-50 m-2">m/kg</td>
                            <td class="w-50 m-2">t<sub>1</sub></td>
                            <td class="w-50 m-2">t<sub>2</sub></td>
                            <td class="w-50 m-2">t<sub>3</sub></td>
                            <td class="w-50 m-2">平均t<sub></sub></td>
                            <td class="w-50 m-2">J<sub>i</sub></td>
                            <td class="w-50 m-2">平均J<sub>2</sub></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">2</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[54].value }}</span>&emsp;<span style="font-size: 12px">{{ model[54].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[55].value }}</span>&emsp;<span style="font-size: 12px">{{ model[55].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[56].value }}</span>&emsp;<span style="font-size: 12px">{{ model[56].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[57].value }}</span>&emsp;<span style="font-size: 12px">{{ model[57].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[58].value }}</span>&emsp;<span style="font-size: 12px">{{ model[58].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[59].value }}</span>&emsp;<span style="font-size: 12px">{{ model[59].timeStamp }}</span></td>
                            <td class="w-50 m-2" rowspan="3"><span style="font-size: 16px">{{ model[60].value }}</span>&emsp;<span style="font-size: 12px">{{ model[60].timeStamp }}</span></td>
                        </tr>
                        <tr>
                            <td class="w-50 m-2">3</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[61].value }}</span>&emsp;<span style="font-size: 12px">{{ model[61].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[63].value }}</span>&emsp;<span style="font-size: 12px">{{ model[63].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[64].value }}</span>&emsp;<span style="font-size: 12px">{{ model[64].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[65].value }}</span>&emsp;<span style="font-size: 12px">{{ model[65].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[66].value }}</span>&emsp;<span style="font-size: 12px">{{ model[66].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[67].value }}</span>&emsp;<span style="font-size: 12px">{{ model[67].timeStamp }}</span></td>                         
                        </tr>
                        <tr>
                            <td class="w-50 m-2">4</td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[68].value }}</span>&emsp;<span style="font-size: 12px">{{ model[68].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[69].value }}</span>&emsp;<span style="font-size: 12px">{{ model[69].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[70].value }}</span>&emsp;<span style="font-size: 12px">{{ model[70].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[71].value }}</span>&emsp;<span style="font-size: 12px">{{ model[71].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[72].value }}</span>&emsp;<span style="font-size: 12px">{{ model[72].timeStamp }}</span></td>
                            <td class="w-50 m-2"><span style="font-size: 16px">{{ model[73].value }}</span>&emsp;<span style="font-size: 12px">{{ model[73].timeStamp }}</span></td>                   
                        </tr>
                    </tbody>
                </table>
                <div>钢圆盘绕质心轴的转动惯量J<sub>钢盘c</sub>=
                    <span style="text-decoration: overline;">J</span><sub>2</sub>
                    -<span style="text-decoration: overline;">J</span><sub>0</sub>=
                    <span id="f2"><span style="font-size: 16px">{{ model[74].value }}</span>&emsp;<span style="font-size: 12px">{{ model[74].timeStamp }}</span></span>
                </div>
                <h2>五、实验分析</h2>
                <n-divider title-placement="left">
                
            </n-divider>
            <div class="paper-analyze">
            </div>
            <div class="btn-group">
                <el-button type="primary" @click="exOk()">通过</el-button>
				<el-button type="success" @click="exFix()">需要修改</el-button>
            </div>
        </n-card>
    </div>
</template>

<style lang="scss" scoped>
.paper-title {
    .stu-info {
        display: flex;
        align-items: center;

        .stu-info-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px;
        }
    }
}
#firstul{
    li{
        margin-top: 10px;
    }
}
.ntable {
    margin: 10px;

    thead {
        background-color: #999;

        th {
            width: 100px;
            height: 50px;
            line-height: 50px;
            border: 2px solid black;
        }
    }

    tr {
        td {
            width: 100px;
            height: 50px;
            border: 2px solid black;
        }
    }
}

.paper-purpose {
    li {
        margin-top: 10px;
    }

}

.form1 {
    .form-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px;

        .input-group {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;

            .input {
                width: 100%;
            }
        }
    }
}
#f2 {
        display: inline-block;
        width: 100px;
        margin-right: 10px;
}
table {
    margin: 10px;

    tr {
        td {
            text-align: center;
            padding: 10px;

            input {
                width: 100%;
                height: 100%;
                //border: none;
                outline: none;
                text-align: center;
                box-sizing: border-box;

                &:focus {
                    border-radius: 5px;
                    border: 1px solid #000;
                }
            }
        }
    }
}

.btn-group {
    // 右下角
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 10px;

    .n-button {
        margin-left: 10px;
    }
}</style>